/* basic */
body{color:#333333;position:relative;background-color:#FFFFFF;font:12px Arial,"Microsoft Yahei","Simsun","Hiragino Sans GB","Lucida Grande","Lucida Sans","Lucida Sans Unicode",Verdana,sans-serif;}
html,body{line-height:1.6;background-color:#FFFFFF;}

a img{border:none;}
a:link{color:#1E9FFF;text-decoration:none;}
a:visited{color:#1E9FFF;text-decoration:none;}
a:hover,a:focus,a:active{color:#000000;text-decoration:underline;}

.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}

* html .clearfix{zoom:1;}
*:first-child+ html .clearfix{zoom:1;}
.clearfix dt label{ font-weight: normal!important;}

.hidden{display:none;}
.visibily{display:block;}

.fl-l{float:left;display:inline;}
.fl-r{float:right;display:inline;}
.al-l{text-align:left;}
td .al-l{padding-left: 10px!important;}
.al-r{text-align:right;}
.al-c{text-align:center;}

.f-b{font-weight:bold;}
.f-sub{color:#888888;}
.nowrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.help{cursor:help;}

.al-r .textfield{text-align:right;}
.al-l .textfield{text-align:left;}

.no-bb{border-bottom:0 !important;}
.no-bt{border-top:0 !important;}
.no-bl{border-left:0 !important;}
.no-br{border-right:0 !important;}

.no-mb{margin-bottom:0 !important;}
.no-mt{margin-top:0 !important;}
.no-ml{margin-left:0 !important;}
.no-mr{margin-right:0 !important;}

.help{cursor:help;}
.price{color:#D94F38;}

.alert{color:#c09853;background-color:#fcf8e3;border:1px solid #fbeed5;border-radius:2px;margin-bottom:10px;padding:0 15px;line-height:32px;}
.alert code,.alert pre{border-radius:3px;color:#333333;font-family:Monaco,Menlo,Consolas,"Courier New",monospace;font-size:12px;padding:0 3px 2px;}
.alert code{background-color:#f7f7f9;border:1px solid #e1e1e8;color:#d14;padding:2px 4px;}

/* prompt */
.prompt{color:#9E6014;padding:8px 10px;margin-bottom:10px;text-shadow:0 1px 0 rgba(255,255,255,0.5);background-color:#FEEFB3;position:relative;}
.prompt-error{color:#b94a48;background-color:#f2dede;}
.prompt-success{color:#4F8A10;background-color:#DFF2BF;}
.prompt-info{color:#3a87ad;background-color:#d9edf7;}
.prompt .prompt-content{overflow:auto;}

.prompt .prompt-icon{width:16px;height:16px;float:left;display:inline;margin-right:10px;background:url(../images/icons/prompt/prompt_warning.png) no-repeat center;}
.prompt-error .prompt-icon{background:url(../images/icons/prompt/prompt_error.png) no-repeat;}
.prompt-success .prompt-icon{background:url(../images/icons/prompt/prompt_accept.png) no-repeat;}
.prompt-info .prompt-icon{background:url(../images/icons/prompt/prompt_info.png) no-repeat;}

.dialog-list-notice{height:150px;overflow:auto;font-size:12px;}
.dialog-list-notice li{line-height:30px;padding-right:10px;background:#FAFAFA;}
.dialog-list-notice li.odd{background:#F2F2F2;}
.dialog-list-notice .time{float:right;display:inline;margin-left:10px;color:#777777;}
.dialog-list-notice .title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:20px;background:url(../images/icons/small/icons_warning.gif) no-repeat 5px center;}

/* system message */
.sys-msg{width:500px;margin:50px auto;border:1px solid #d4d4d4;background:#ffffff;-webkit-box-shadow:0 1px 5px 0 rgba(0,0,0,.1);-moz-box-shadow:0 1px 5px 0 rgba(0,0,0,.1);-o-box-shadow:0 1px 5px 0 rgba(0,0,0,.1);filter:progid:DXImageTransform.Microsoft.Shadow(Strength=3,Direction=180,Color='#CCCCCC');box-shadow:0 1px 5px 0 rgba(0,0,0,.1);}
.sys-msg h2{height:40px;line-height:40px;padding:0 15px;color:#666666;font-size:14px;font-weight:bold;background:linear-gradient(#ffffff,#ffffff 25%,#f4f4f4) no-repeat scroll 0 0 #f9f9f9;border-bottom:1px solid #dfdfdf;}
.sys-msg .msg-content{padding:20px 50px 20px 75px;background:url(../images/icons/big/accept.png) no-repeat 20px 25px;}
.sys-msg .msg-content .msg-info{margin-bottom:10px;}
.msg-error .msg-content{background:url(../images/icons/big/exclamation.png) no-repeat 20px 25px;}
.msg-success .msg-content{background:url(../images/icons/big/accept.png) no-repeat 20px 25px;}

/* file type icon */
.icon-file-type{top:-1px;left:3px;width:20px;height:20px;float:left;display:inline;background:url(../images/file_type.png) no-repeat;position:relative;}
.icon-file-type-unknow{background-position:0 0;}
.icon-file-type-doc{background-position:0 -20px;}
.icon-file-type-xls{background-position:0 -40px;}
.icon-file-type-csv{background-position:0 -60px;}
.icon-file-type-ppt{background-position:0 -80px;}
.icon-file-type-jpeg{background-position:0 -140px;}
.icon-file-type-avi{background-position:0 -160px;}
.icon-file-type-txt{background-position:0 -260px;}
.icon-file-type-pdf{background-position:0 -280px;}

/*=== 框架页 ===*/
#body{width:100%;height:100%;min-width:960px;}

#header{height:50px;margin-top:-50px;min-width:960px;background:#394a67;color:#979fad;position:relative;z-index:1;}
#header a{color:#6a778d;text-decoration:none;}
#header a:hover{text-decoration:none;}

#branding {float: left;
    display: inline;
    width:180px;    
}
#branding h1 a {
    color:#FFFFFF;
    font-size:20px;
    line-height: 50px;
    height:50px;
    padding-left: 10px;
    font-family:'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
}
#branding h1 a em {color:#fb9337;}

#mainNav {
	float: left;
	display: inline;
}
#mainNav ul li {
	float: left;
	display: inline;
	line-height: 50px;
}
#mainNav ul li a {
	float: left;
	display: inline;
	color:#979fad;
	height:50px;
	line-height: 50px;
	font-size: 16px;
	padding: 0 25px;
	font-family: "Microsoft Yahei";
	font-weight: bold;
}
#mainNav ul li a:hover {color: #FFFFFF;}
#mainNav ul li.current a {
	color: #FFFFFF;
	background: #2a374c;
}

#topNav{float:right;display:inline;;color:#FFFFFF;}
#topNav dl{float:left;display:inline;position:relative;}
#topNav dl dt{float:left;display:inline;padding:5px;position:relative;}
#topNav dl dt a{display:block;height:40px;width:40px;line-height:40px;text-indent:-2000em;background:url('../images/top_icon_sprite.png') no-repeat 0 0;}
#topNav dl dt:hover,
#topNav dl dt.hover{background-color:#2a374c;}

#topNav dl dt .top-user{background-position:0 0;}
#topNav dl dt .top-cache{background-position:-40px 0;}
#topNav dl dt .top-notice{background-position:-80px 0;}
#topNav dl dt .em-count{top:0;right:0;font-size:11px;cursor:default;position:absolute;width:18px;height:18px;border-radius:50%;line-height:18px;text-align:center;background:#FF0000;color:#FFFFFF;}

#topNav dl dd{right:0;top:50px;width:180px;z-index:9999;font-size:12px;display:none;background-color:#2a374c;position:absolute;}
#topNav dl dd ul li{line-height:32px;text-align:right;}
#topNav dl dd ul li span{padding:0 10px;}
#topNav dl dd a{display:block;padding:0 10px;color:#FFFFFF;}
#topNav dl dd a:hover{background:#394a67;}

#main{height:100%;width:100%;position:relative;}

#aside {
    font-size:14px;
	float: left;
	display: inline;
	width: 179px;
	height: 100%;
    border-right:1px solid #CCCCCC;
	background: #f2f2f2;
	overflow-y: auto;
	overflow-x: hidden;
	position: relative;
	z-index: 1;
}
/*#aside .secondary{padding:4px;}*/
/*#aside dl dt { border-bottom:1px solid #CCCCCC;}*/
#aside dl dt a {
	display: block;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	padding: 0 10px 0 25px;
	background: none;
	position: relative;
	text-decoration: none;
	color: #000000;
	outline: none;
}
#aside dl dt a:hover{text-decoration:none;}
#aside dl dt a b{font-weight:normal;}
#aside dl dt a span{top:5px;left:5px;height:20px;width:20px; position:absolute;background:url('../images/tree_toggle.png') no-repeat center; -webkit-transition: -webkit-transform 0.2s ease-out; -moz-transition: -moz-transform 0.2s ease-out; transition: transform 0.2s ease-out; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); }
#aside dl dt a.collapse span{-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg);}
#aside dl dt a.expand span{-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg);}

#aside dl li a {
    color:#888888;
	display: block;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	padding: 0 10px 0 25px;
	background: none;
	text-decoration: none;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#aside dl li a:hover{color:#000000;background: #F7F7F7;}
#aside dl li.current a{color:#000000;background:#DDDDDD;}
#aside dl li.current a:hover {1background: #19A9D5;}

#central{height:100%;overflow:hidden;position:relative;box-sizing:border-box;padding-top:30px;background:#f7f7f7;}

#toolbar{height:30px;position:relative;margin-top:-30px;}

#tabContent{height:30px;overflow:hidden;background:#f2f2f2;}
#tabContent .tab-controll{width:24px;height:30px;position:absolute;}
#tabContent .tab-controll .tab-btn{float:left;display:inline;width:24px;height:30px;text-indent:-2000em;overflow:hidden;background:url("../images/tab_controll_sprite.png") no-repeat 0 0;}
#tabContent .tab-controll .tab-btn-prev{background-position:0 -60px;}
#tabContent .tab-controll .tab-btn-next{background-position:0 -90px;}
#tabContent .tab-controll .tab-btn-menu{background-position:0 -120px;}
#tabContent .tab-controll .tab-btn-prev:hover{background-position:-24px -60px;}
#tabContent .tab-controll .tab-btn-next:hover{background-position:-24px -90px;}
#tabContent .tab-prev{top:0;left:0;}
#tabContent .tab-next{top:0;right:0;}
#tabContent .tab-menu{top:0;right:25px;}

#tabNav{padding:0 50px 0 25px;}
#tabNav .tab-wrap{position:relative;overflow:hidden;height:30px;width:100%;}
#tabNav ul{position:absolute;left:0;top:0;height:30px;line-height:30px;overflow:hidden;width:2000em;}
#tabNav li{float:left;display:inline;position:relative; margin-right:1px;}
#tabNav li:hover{background-position:0 -112px;}
#tabNav li a {
    font-size:14px;
	float: left;
	display: inline;
	height: 30px;
	line-height: 30px;
	padding: 0 25px 0 20px;
	color: #AAAAAA;
	cursor: pointer;
	background: #e9e9e9;
	text-decoration: none;
	position: relative;
	max-width: 120px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#tabNav li a:hover{color:#000000;text-decoration:none;}
#tabNav li.default a{padding:0 20px;}
#tabNav li.current a{color:#000000;text-decoration:none;background:#FFFFFF;}
#tabNav li.current a:hover{text-decoration:none;}
#tabNav li em{top:9px;right:5px;height:12px;width:12px;cursor:default;text-indent:-2000em;overflow:hidden;padding:0;position:absolute;display:inline-block;background:url('../images/tab_controll_sprite.png') no-repeat -7px -10px;}
#tabNav li em:hover{background-position:-7px -40px;}
#tabNav li em:active{background-position:-31px -40px;}
#tabNav li.current em{background-position:-31px -10px;}
#tabNav li.current em:hover{background-position:-7px -40px;;}
#tabNav li.current em:active{background-position:-31px -40px;}

#content{height:100%;position:relative;background:#FFFFFF;overflow:auto;}
#content .frame-main{width:100%;height:100%;float:right;}

/* block */
.block-ui{width:100%;height:100%;position:absolute;}
.block-ui .block-overlay{background:#777777;border:none;cursor:wait;margin:0;padding:0;left:0;top:0;width:100%;height:100%;position:absolute;z-index:1000;overflow:hidden;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;}
.block-ui .block-msg{top:50%;left:50%;position:absolute;margin:0;padding:0;background-color:#FFFFFF;border-radius:3px;border:none;color:#000000;margin-left:-130px;margin-top:-50px;text-align:center;width:260px;z-index:1011;padding:35px 0;height:30px;line-height:30px;box-shadow:0 0 3px 2px rgba(0,0,0,.1);}

/*=== 内容页 ===*/
.wrap-page{background-color:#FFFFFF;font-size:12px;position:relative;padding:10px 10px 70px;min-width:580px;line-height:1.6;}
.page-dialog{padding:0;}
.wrap-page .page-content{position:relative;}
.wrap-page .page-title{color:#1E325C;font-weight:bold;}

form{position:relative;}
table{border-collapse:separate;}

/* form default-style */
form.default-style dl { border-bottom:1px dashed #EEEEEE;}
form.default-style dl:last-child { border-bottom:none;}
form.default-style dl.last { border-bottom:none;}
form.default-style dl dt{padding-top:4px;float:left;display:inline;width:110px;text-align:right;line-height:26px;position:relative;z-index:1;cursor:default;color:#666666;}
form.default-style dl dt label i { font-style: normal;color:#FF0000;font-size:12px; margin-right: 5px;}
form.default-style dl dd{padding:4px;margin-left:110px;position:relative;}

form.default-style .item-field{padding:0;}
form.default-style .item-field .field{float:left;display:inline;}
form.default-style .item-field .field .textfield{float:left;display:inline;}
form.default-style .item-field .field .required{color:#FF0000;font-weight:bold;float:left;display:inline;line-height:26px;padding:0 3px;}
form.default-style .item-field .field-text{float:left;display:inline;line-height:26px;margin-right:5px;}

form.default-style .item-field .textfield,
form.default-style .item-field .textarea,
form.default-style .item-field .select,
form.default-style .item-field .wgSwitch,
form.default-style .item-field .img-preview,
form.default-style .item-field .button{float:left;display:inline-block;margin-right:5px;}

form.default-style .item-field .wgSwitch{margin-top:2px;}

form.default-style .item-field .img-preview a{float:left;display:inline;background-color:#FFFFFF;border:1px solid #EEEEEE;padding:1px;outline:none;}
form.default-style .item-field .img-preview a:hover{border-color:#CCCCCC;outline:none;}
form.default-style .item-field .img-preview img{float:left;display:inline;}
form.default-style .item-field .img-desc{float:left;display:inline;color:#AAAAAA;text-align:left;}

form.default-style .item-line{padding:0 0 2px 2px;}
form.default-style .item-prompt{color:#AAAAAA;padding:2px 0;}
form.default-style .item-prompt .prompt-title{float:left;display:inline;}
form.default-style .item-prompt .prompt-content{overflow:auto;}

form.default-style .item-field label.error{float:left;display:inline;line-height:26px;color:#FF0000;}

/* textfield */
.textfield,.textarea{
	-moz-border-radius: 5px;      /* Gecko browsers */
	-webkit-border-radius: 5px;   /* Webkit browsers */
	border-radius:5px;            /* W3C syntax */
	font-size:12px;font-family:Arial,"Microsoft Yahei","Simsun","Hiragino Sans GB","Lucida Grande","Lucida Sans","Lucida Sans Unicode",Verdana,sans-serif;border:1px solid #CCCCCC;color:#000000;display:inline-block;height:26px;line-height:26px;padding:0 5px;vertical-align:middle;width:320px;background-color:#FFFFFF;box-sizing:border-box;}
.textarea{height:80px;line-height:22px;}
.textfield:focus,.textarea:focus,.select:focus{outline:none;outline-offset:0px;background-color:#FFFFFF;border-color:#4e95d6;}
.textfield.disabled { background:#F7F7F7;}

input.no-active:focus,
input.no-active:active{border-color:#AAAAAA;outline:none;}

input.error{border-color:#BD0000;box-shadow:0 0 0 1px #FDB9B9;outline:none;outline-offset:0px;}

/* select */
.select{height:26px;line-height:26px;padding:2px;vertical-align:middle;border:1px solid #CCCCCC;box-sizing:border-box;}
.select option{padding:2px 3px 2px 3px;outline:0 none;}

/* checkbox & radio */
.checkbox,.radio{height:13px;margin:-3px 3px 0 0;*margin:0 3px 0 0;vertical-align:middle;width:13px;}

form.default-style .checkbox-item .checkbox-field{width:13px;height:13px;float:left;display:inline;margin-right:4px;margin-top:6px;}
form.default-style .checkbox-item .checkbox-field:hover{background-position:-13px 0;}
form.default-style .checkbox-item .checkbox-field input.checkbox{width:13px;height:13px;float:left;display:inline;margin:0;*margin:0;}
form.default-style .checkbox-item .checkbox-text{float:left;display:inline;line-height:26px;}

form.default-style .checkbox-layout-h{display:block;}
form.default-style .checkbox-layout-h .checkbox-item{float:left;display:inline;margin-right:10px;}
form.default-style .checkbox-layout-v{float:left;display:inline;margin-right:10px;}
form.default-style .checkbox-layout-v .checkbox-item{display:block;overflow:auto;}

/* radio */
form.default-style .radio-item .radio-field{width:13px;height:13px;float:left;display:inline;margin-right:4px;margin-top:6px;}
form.default-style .radio-item .radio-field input.radio{width:13px;height:13px;float:left;display:inline;margin:0;*margin:0;}
form.default-style .radio-item .radio-text{float:left;display:inline;line-height:26px;}

form.default-style .radio-layout-h{display:block;}
form.default-style .radio-layout-h .radio-item{float:left;display:inline;margin-right:10px;}
form.default-style .radio-layout-v{float:left;display:inline;margin-right:10px;}
form.default-style .radio-layout-v .radio-item{display:block;overflow:auto;}

/* upload */
form.default-style .upload-field .upload-item{float:left;display:inline;position:relative;overflow:hidden;margin-right:2px;}
form.default-style .upload-field .upload-item .upload-field{float:left;display:inline;position:relative;overflow:hidden;margin-right:2px;}
form.default-style .upload-field .upload-item .textfield{width:260px;margin-right:0;}
form.default-style .upload-field .upload-item .btn-upload{float:left;display:inline;}
form.default-style .upload-field .upload-item .file{cursor:pointer;top:0;right:0;height:26px;opacity:0;filter:alpha(opacity=0);font-size:100px;*width:360px;*font-size:12px;position:absolute;}
form.default-style .upload-field .item-field .btn-clear-img{float:left;display:inline;margin-left:0;}

/* images */
form.default-style .image-field .image {float:left;display:inline; margin-right:8px;}
form.default-style .image-field .image a {padding:1px;height:80px;border:1px solid #DDDDDD; display:block;}
form.default-style .image-field .image img {height:100%;}


/* box */
.box{position:relative;margin-bottom:10px;}
.box .box-title{color:#CCCCCC;font-size:12px;border-bottom:1px solid #EEEEEE;margin-bottom:10px;}
.box .box-title .title{color:#485b79;float:left;display:inline;cursor:pointer;line-height:26px;padding:0 10px;margin-right:5px;}

.box .box-content{background-color:#FFFFFF;position:relative;}

.table-bar{background:#EAEAEA;margin-bottom:10px;line-height:26px;}
.table-bar .tools{float:left;display:inline-block;padding:5px;}
.table-bar .tools .i-exp{color:#AAAAAA;padding:0 3px;}

.table-bar .tools .tool-item{float:left;display:inline;margin-right:3px;}
.table-bar .tools .tool-item .textfield,
.table-bar .tools .tool-item .button,
.table-bar .tools .tool-item .select{float:left;display:inline-block;margin:0;}

.table-bar .tools .tool-text{line-height:26px;}

.table-bar .tools .pagging .all {font-weight: bold;}
.table-bar .tools .pagging span {
	padding: 0 8px;
	display: inline-block;
	border-radius: 2px
}
.table-bar .tools .pagging a {
	padding: 0 8px;
	margin-right: 3px;
	display: inline-block;
	background: #fcfcfc;
    border: 1px solid #ccc;
    color:#666666;
    border-radius: 2px;
}
.table-bar .tools .pagging a:hover {
    color:#333333;
	background: #DDDDDD;
	text-decoration: none;
}
.table-bar .tools .pagging .current {
	background-color: #f0882c;
	border:1px solid #f0882c;
	margin-right: 3px;
	color: #FFFFFF;
}

.table-bar .fl-r .tools .tool-item{margin-left:3px;margin-right:0;}

.table-bar-head,
.table-bar-foot{margin:0;}
.page-container{position: fixed; bottom: 0; width: 98%;}

.data-filter{ border-top:1px solid #E0E0E0;}
.data-filter .form{background:#F2F2F2;}
.data-filter .filter-item{float:left;display:inline;padding:3px;}

/* button */
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{border:none;padding:0;}

.page-content .button{-moz-padding-start:0px;-moz-padding-end:0px;margin:0;padding:0 13px;height:24px;line-height:24px;width:auto;vertical-align:middle;position:relative;overflow:visible;*border:none;border:1px solid #000000;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.2);border-radius:2px;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;display:inline-block;*display:inline;*zoom:1;font-family:Arial,"Microsoft Yahei","Simsun";cursor:pointer;outline:none;white-space:nowrap;text-decoration:none;text-align:center;-moz-user-select:none;-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;background-repeat:repeat-x;color:#FFFFFF;background-image:linear-gradient(to bottom,rgba(255,255,255,.3),rgba(255,255,255,0));}

.page-content button.button{height:24px;outline:none;font-size:12px;}
.page-content input.button{height:24px;line-height:normal;font-size:12px;}

.page-content .button:focus{outline:0 none;}
.page-content .button:hover,.wrap-page .button.hover{color:#FFFFFF;text-decoration:none;background-position:0 -10px;}
.page-content .button:active{outline:0 none;background-image:none;box-shadow:0 2px 3px rgba(0,0,0,0.2) inset;}

.page-content .button[disabled],
.page-content .button-disabled{color:#AAAAAA !important;background:#E7E7E7 !important;/*text-shadow:1px 1px 0 #FFFFFF !important;*/cursor:default !important;}
.page-content .button-disabled:active{box-shadow:none !important;}

.page-content .button-default{color:#525252;border-color:#AAAAAA;background-color:#F1F1F1;background-image:linear-gradient(to bottom,#FAFAFA,#E1E1E1);/*text-shadow:0 1px 1px rgba(255,255,255,0.75);*/}
.page-content .button-default:hover,.wrap-page .button-default.hover{color:#525252;background-color:#E1E1E1;}

.page-content .button-blue{background-color:#006DCC;}
.page-content .button-light-blue{background-color:#49AFCD;}
.page-content .button-red{background-color:#DA4F49;}
.page-content .button-green{background-color:#5BB75B;}
.page-content .button-orange{background-color:#FAA732}
.page-content .button-gray{background-color:#8C8C8E;}
.page-content .button-purple{background-color:#6868C4;}

form.default-style .form-button{border-bottom:none;}
form.default-style .form-button .buttons{padding:5px 3px;}
form.default-style .form-button .buttons .button{float:left;display:inline;margin-right:5px;}

.page-content .page-buttons{background:#EAEAEA;padding:10px 10px 0 10px;width:100%;bottom:0;left:0;position:fixed;z-index:999;}
.page-content .page-buttons .button{padding:0 25px;float:left;display:inline;margin-right:10px;margin-bottom:10px;}
.page-content .page-buttons .tips-success{line-height:26px;color:#008800;}
.page-content .page-buttons .tips-error{line-height:26px;color:#C00000;}

/* table */
.table{margin:0;padding:0;width:100%;}
.table-wrap{overflow-x:auto;overflow-y:hidden;}

.loadmask{font-size:14px;text-align:center;color:#777777;}

.loadmask .loadmask-img{height:80px;background:url('../images/loadmask.gif') no-repeat center;}
.loadmask .loadmask-text{line-height:30px;}

table.default-style {
	border: none;
	background: #E0E0E0;
    border-collapse: separate;
    border-spacing: 1px;
    line-height: 22px;
}
table.default-style th{text-align:center; position:relative;}
table.default-style td{text-align:center; position:relative;}

/*table.no-head{border-top:1px solid #EEEEEE;}*/
/*table.no-foot{border-bottom:1px solid #EEEEEE;}*/

table.default-style thead tr{cursor:default;background:#F8F8F8;}
table.default-style thead th{/*border-bottom:1px solid #EEEEEE;*/font-weight: bold;}
table.default-style thead th .th-inner{height:100%;padding:6px 4px;white-space:nowrap;word-wrap:normal;text-overflow:ellipsis;overflow:hidden;}
table.default-style thead th a{color:#3B5999;}
table.default-style thead th a:hover{color:#333333;}
table.default-style thead th .sort{position:relative;}
table.default-style thead th .sort em{top:-3px;right:0;height:4px;width:7px;margin-left:4px;position:relative;display:inline-block;background:url(../images/table_head_sort_sprite.png) no-repeat 0 0;}
table.default-style thead th .sort .asc{background-position:0 -4px;}
table.default-style thead th .sort .desc{background-position:0 0;}

table.default-style tbody tr{background:#FFFFFF;cursor:default;}
table.default-style tbody tr.odd{background:#FFFFFF;}
table.default-style tbody tr.even{background:#fcfcfc;}
table.default-style tbody tr:hover,table.default-style tbody tr.hover{background:#f5f5f5;}
table.default-style tbody tr.selected{background:#FBEAA7;}
table.default-style tbody tr.empty{background:#FFFFFF;}
table.default-style tbody tr.current{background:#D4F8D0;}

table.default-style tbody td{vertical-align:top;}
table.default-style tbody td .td-inner{padding:3px 4px;position:relative;overflow:hidden;}

table.default-style tbody td .td-loadmask { position:absolute;left:0;top:0; z-index:1;width:100%;height:100%;}
table.default-style tbody td .td-loadmask .img { position:absolute;left:0;top:0; z-index:3;width:100%;height:100%;background:url(../images/icons/icons_loading.gif) no-repeat center;}
table.default-style tbody td .td-loadmask .bg { position:absolute;left:0;top:0; z-index:2;width:100%;height:100%;background:#000000; opacity:.3;}

table.default-style tbody td .is-edit{position:relative;cursor:text;}
table.default-style tbody td .is-edit .edit-icon{top:4px;right:5px;width:16px;height:16px;position:absolute;background:url(../images/icons/small/icons_edit.png) no-repeat center;}
table.default-style tbody td .is-edit .warning-icon{top:4px;right:5px;width:16px;height:16px;position:absolute;background:url(../images/icons/small/icons_warning.gif) no-repeat center;}

table.default-style tbody td .al-r.is-edit-hover{background:url(../images/icons/small/icons_edit.png) no-repeat left 5px top 7px;}
table.default-style tbody td .al-r.is-warning{background:url(../images/icons/small/icons_warning.gif) no-repeat left 5px top 7px !important;}
table.default-style tbody td .al-r.is-edit input.textfield{text-align:left;}

table.default-style tbody td .is-editing{float:left;display:inline-block;overflow:hidden;padding:0;width:100%;}
table.default-style tbody td .is-editing .edit-icon{display:none;}
table.default-style tbody td .is-editing .edit-wrap{padding:1px;position:relative;}

table.default-style tbody td .td-inner .textfield{width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;height:22px;line-height:22px;float:left;display:inline;}
table.default-style tbody td .td-inner .textarea{width:100%;height:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;float:left;display:inline;}
table.default-style tbody td .td-inner .select{width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;height:22px;line-height:22px;float:left;display:inline;}

table.default-style tbody .data-empty{padding:35px 0;color:#BBBBBB;font-size:16px;line-height:2;font-family:"Microsoft Yahei";}
table.default-style tbody .data-load{height:60px;background:url(../images/5-121204193R5-50.gif) no-repeat center;}

table.default-style tbody .operate span{display:inline-block;}
table.default-style tbody .operate .i-exp{width:3px;color:#525252;}
table.default-style tbody .operate .is-over{color:#AAAAAA;}

table.default-style tbody .data-row-expand a.expand{width:10px;height:10px;display:inline-block;background:url(../images/datagrid_row_expand.gif) no-repeat 0 0;}
table.default-style tbody .data-row-expand a.collapse{background-position:0 -25px;}

/* tree table */
table.tree-table {
    background: #FFFFFF;
    border-collapse: inherit;
    border-spacing: 0;
}
table.tree-table th {border-bottom:1px solid #EEEEEE;}
table.tree-table .td-tree{text-align:left;}
table.tree-table td{border-bottom:1px solid #EEEEEE;border-top: 1px solid #FFFFFF;}
/*table.tree-table td{border-bottom:none;}*/
table.tree-table .group-td{border-bottom:none;border-right:none;}
table.tree-table .td-tree .tree-hit{float:left;display:inline;width:18px;height:18px;cursor:pointer;background:url(../images/tree_arrows.png) no-repeat 0 0;}
table.tree-table .td-tree .hit-expanded{background-position:-16px 0;}
table.tree-table .td-tree .hit-expanded-hover{background-position:-48px 0;}
table.tree-table .td-tree .hit-collapsed{background-position:0 0;}
table.tree-table .td-tree .hit-collapsed-hover{background-position:-32px 0;}
table.tree-table .td-tree .tree-icon{float:left;display:inline;width:18px;height:18px;}
table.tree-table .td-tree .tree-icon a{float:left;display:inline;height:18px;width:18px;opacity:.5;filter:alpha(opacity = 50);}
table.tree-table .td-tree .tree-folder{background:url(../images/tree_sprite.png) no-repeat 0 0;}
table.tree-table .td-tree .tree-folder-open{background-position:0 -18px;}
table.tree-table .td-tree .tree-title{display:block;overflow:hidden;padding-left:3px;}
table.tree-table .td-tree .tree-indent{float:left;display:inline;width:18px;height:18px;}

table.tree-table .group-td{border:none;}
table.tree-table .group-wrapper .tree-table{border:none;}

table.vertical-style{border:none;border-top:1px solid #EEEEEE;border-left:1px solid #EEEEEE;line-height:1.8;}
table.vertical-style tbody tr{background:#FFFFFF;}
table.vertical-style tbody tr th{background:#FCFCFC;border-bottom:1px solid #EEEEEE;border-right:1px solid #EEEEEE;}
table.vertical-style tbody tr td{border-bottom:1px solid #EEEEEE;border-right:1px solid #EEEEEE;}
table.vertical-style tbody tr .th-inner{padding:5px;text-align:right;color:#777777;}
table.vertical-style tbody tr .td-inner{padding:5px;text-align:left;}

table.double-row tbody tr .td-inner{padding:2px 5px;line-height:20px;}

table.default-style .idf-wrong {color:#FF0000;font-family:Simsun;}
table.default-style .idf-wrong a {color:#FF0000;font-family:Simsun;text-decoration:none;}

table.default-style .idf-right {color:#0000FF;font-family:Simsun;}
table.default-style .idf-right a {color:#0000FF;font-family:Simsun;text-decoration:none;}

/* td image */
.td-img{width:100%;float:left;overflow:hidden;}
.td-img .td-img-wrap{float:left;display:inline;left:50%;margin:0 auto;position:relative;max-height:100px;max-width:100px;}
.td-img .td-img-wrap .td-img-content{float:left;display:inline;position:relative;right:50%;}
.td-img .td-img-wrap .img-link{float:left;display:inline;border:1px solid #CCCCCC;padding:1px;outline:none;background-color:#FFFFFF;}
.td-img .td-img-wrap .img-link:hover{border-color:#999999;}
.td-img .td-img-wrap img{float:left;display:inline;}

.al-l .td-img .td-img-wrap{left:auto;}
.al-l .td-img .td-img-wrap .td-img-content{right:auto;}

/* quick-operate */
.link-tools{float:left;overflow:hidden;width:100%;}
.link-tools .link-wrap{display:inline;float:left;left:50%;margin:0 auto;position:relative;}
.link-tools .link-wrap .link-content{display:inline;float:left;position:relative;right:50%;}
.link-tools .link-wrap .link-content span{float:left;display:inline;}
.link-tools .link-wrap .link-content .i-exp{color:#777777;display:inline;float:left;padding:0 3px;}

.al-l .link-tools .link-wrap{left:0;}
.al-l .link-tools .link-wrap .link-content{display:inline;float:left;position:relative;right:0;}

.icon-operate{float:left;width:100%;overflow:hidden;}
.icon-operate .icon-wrap{float:left;display:inline;left:50%;margin:0 auto;position:relative;}
.icon-operate .icon-tools{float:left;display:inline;position:relative;right:50%;}

.icon-operate .icon-tools .img{float:left;display:inline-block;height:16px;cursor:pointer;_cursor:hand;}

.icon-operate .icon-tools .link{float:left;display:inline;}
.icon-operate .icon-tools .i-exp{float:left;display:inline;padding:0 5px;color:#777777;}
.icon-operate .icon-tools .icons{padding:0 2px;height:16px;float:left;display:inline;text-indent:-999px;overflow:hidden;}

.icons{height:16px;width:16px;display:inline-block;}
.icons-lock{background:url(../images/icons/icons_lock.png) no-repeat center center;}
.icons-active{background:url(../images/icons/icons_active.png) no-repeat center center;}
.icons-tick{background:url(../images/icons/icons_tick.png) no-repeat center center;}
.icons-cross{background:url(../images/icons/icons_cross.png) no-repeat center center;}
.icons-access{background:url(../images/icons/icons_access.png) no-repeat center center;}
.icons-view{background:url(../images/icons/icons_view.png) no-repeat center center;}
.icons-edit{background:url(../images/icons/icons_edit.png) no-repeat center center;}
.icons-remove{background:url(../images/icons/icons_remove.png) no-repeat center center;}
.icons-coins{background:url(../images/icons/icons_coins.png) no-repeat center center;}
.icons-add{background:url(../images/icons/icons_add.png) no-repeat center center;}
.icons-coins{background:url(../images/icons/icons_coins.png) no-repeat center center;}
.icons-recycle{background:url(../images/icons/icons_recycle.png) no-repeat center center;}
.icons-undo{background:url(../images/icons/icons_undo.png) no-repeat center center;}
.icons-top{background:url(../images/icons/icons_top.png) no-repeat center center;}
.icons-arrow-up{background:url(../images/icons/icons_arrow_up.png) no-repeat center center;}
.icons-arrow-down{background:url(../images/icons/icons_arrow_down.png) no-repeat center center;}
.icons-arrow-left{background:url(../images/icons/icons_arrow_left.png) no-repeat center center;}
.icons-arrow-right{background:url(../images/icons/icons_arrow_right.png) no-repeat center center;}
.icons-config{background:url(../images/icons/icons_config.png) no-repeat center center;}
.icons-setting{background:url(../images/icons/icons_setting.png) no-repeat center center;}
.icons-refresh{background:url(../images/icons/icons_refresh.png) no-repeat center center;}
.icons-download{background:url(../images/icons/icons_download.png) no-repeat center center;}
.icons-save{background:url(../images/icons/icons_save.png) no-repeat center center;}
.icons-apply{background:url(../images/icons/icons_apply.png) no-repeat center center;}
.icons-preview{background:url(../images/icons/icons_preview.png) no-repeat center center;}
.icons-data-import{background:url(../images/icons/icons_data_import.png) no-repeat center center;}
.icons-loading{background:url(../images/icons/icons_loading.gif) no-repeat center center;}
.icons-to-right{background:url(../images/icons/icons_to_right.png) no-repeat center center;}
.icons-to-left{background:url(../images/icons/icons_to_left.png) no-repeat center center;}

/* sub tabs */
.sub-tabs{position:relative;height:30px;padding:5px 5px 0;margin-bottom:10px;background:#dee4ed;}
.sub-tabs ul{height:30px;float:left;display:inline;overflow:hidden;}
.sub-tabs ul li,
.sub-tabs .return{float:left;display:inline;margin-right:5px;}
.sub-tabs ul li a,
.sub-tabs .return a{float:left;display:inline;line-height:30px;color:#005fab;padding:0 15px;text-align:center;}
.sub-tabs li a:hover{background:#eff2f8;text-decoration:none;}
.sub-tabs li.current a{background-color:#ffffff;color:#333333;}
.sub-tabs .return a{background:url(../../images/admin/content/return.png) 2px center no-repeat;color:#990000;padding:0 20px;}

/* tabs */
.tabs .tabs-title{color:#2679b5;font-size:12px;margin-bottom:10px;border-bottom:1px solid #EEEEEE;}
.tabs .tabs-title ul{float:left;display:inline;line-height:30px;position:relative;top:1px;}
.tabs .tabs-title ul li{float:left;display:inline;margin-right:5px;border-bottom:1px solid #EEEEEE;}
.tabs .tabs-title ul li a{float:left;display:inline-block;color:#CCCCCC;outline:none;text-decoration:none;padding:0 15px;border-bottom:1px solid #FFFFFF;}
.tabs .tabs-title ul li a:hover{color:#777777;}
.tabs .tabs-title ul li.current{border-bottom:1px solid #fb9337;}
.tabs .tabs-title ul li.current a{color:#333333;border-bottom:1px solid #fb9337;}

.tab-switch .tabs-title { background:#FFFFFF;border-bottom:1px solid #dddddd;margin-bottom:10px; padding-left:10px;}
.tab-switch .tabs-title ul {float:left;display:inline;}
.tab-switch .tabs-title ul li {float:left;display:inline;margin-right:5px;margin-bottom:-1px;}
.tab-switch .tabs-title ul li a {color:#777777;display:block;border-radius:2px 2px 0 0;border:1px solid #F0F0F0; border-bottom:1px solid #DDDDDD; background:#F0F0F0; line-height:28px;padding:0 20px;text-decoration:none;outline:none;}
.tab-switch .tabs-title ul li a:hover {color:#000000;}
.tab-switch .tabs-title ul .current a {border:1px solid #DDDDDD; border-bottom:1px solid #FFFFFF;color:#000000; background:#FFFFFF;}

/* layui-icon content */
.form-group label{ font-weight: normal!important;}
.layui-icon-edit {color: #009688!important;}
.layui-icon-del {color: #FF5722;}
.layui-icon-ok {color: #009688;font-weight: 700;}
.layui-icon-no {color: #FF5722;font-weight: 700;display: block!important;}

/* page content */
.dialog-gotostep .aside{float:left;display:inline;width:35%;border:1px solid #DDDDDD;margin-right:10px;}
.dialog-gotostep .content{overflow:auto;border:1px solid #DDDDDD;}
.dialog-gotostep .title{background:#DDDDDD;padding-left:10px;line-height:30px;}
.dialog-gotostep .reason{margin-top:10px;}
.dialog-gotostep .list{padding:5px;height:94px;overflow:auto;}
.dialog-gotostep .list li{margin-bottom:5px;}
.dialog-gotostep .list li a{background:#ffffff;display:block;color:#333333;line-height:26px;padding-left:25px;text-decoration:none;}
.dialog-gotostep .list li a:hover{text-decoration:none;}
.dialog-gotostep .list .selected a{background:url('../images/icons/icons_tick.png') no-repeat 5px center #ffe6b0;}

